﻿<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>京东时惠购</title>
    <script type="text/javascript" src="js/lib/jquery-1.7.1.min.js"></script>
    <script src="js/lib/jquery.tmpl.min.js" type="text/javascript"></script>
    <script src="js/lib/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>
    <script src="js/lib/date.js" type="text/javascript"></script>
    <script src="js/lib/jquery.ui.stars.min.js" type="text/javascript"></script>
    <script src="js/lib/jquery.tablesorter.js" type="text/javascript"></script>
    <script src="js/lib/jquery.tablesorter.pager.js" type="text/javascript"></script>
    <link href="css/jquery.ui.stars.min.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="css/tablesorter.blue.css" rel="stylesheet" type="text/css" />
    <script src="js/lib/jquery.waterfall.js" type="text/javascript"></script>
    <script src="js/lib/picnet.table.filter.full.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/options.js"></script>
    <script src="js/lib/jquery.wookmark.js" type="text/javascript"></script>
    <script src="js/lib/jquery.masonry.min.js" type="text/javascript"></script>
    <link href="css/wookmark.css" rel="stylesheet" type="text/css" />
    <script id="trackItemTmpl" type="text/x-jquery-tmpl">    
    <tr>
        <td>
            <div style="height:20px"><span c="rankvalue"></span></div>
            <div c="rank">
                <select name="selrate">
                    <option value="1">长期收藏</option>
                    <option value="2">想买类似的</option>
                    <option value="3">先关注一下</option>
                    <option value="4">近期想买的</option>
                    <option value="5">立刻想买的</option>
                </select>
            </div>
            <div>
            <input type="button" value="X" c="del" title="取消关注，放入历史记录" />
            </div>
        </td>
        <td>
            ${site}
        </td>
        <td>
            <a href="${url}" />
            <a href="${unionUrl}" target="_blank" class="itemUrl">${name}<br/><img style="width:80px" src="${imgUrl}" /></a>
        </td>
        <td>
            <span class="longDateFormat">${date}</span>
        </td>
        <td>
            ${price}
        </td>
        <td>
            <span>${reduction.quantity}</span><span class="btn-danger">${reduction.percent}</span>
        </td>
        <td>
            ${curprice}
        </td>
        <td style="display:none">
            ${stock}
        </td>
        <td>
            {{html coupon}}
        </td>
        <td>
            <div class="i-largess">
            {{html gift}}
            </div>
        </td>
        <td style="display:none">
            ${reviews.goodPercent}%/总${reviews.total}<br/>好${reviews.good}/中${reviews.avg}/差${reviews.bad}
        </td>
        <td>
            <div c="buy">
                <a href="${unionUrl}" target="_blank" class="btn btn-success">立即去查看</a>
            </div>
            <a c="setNotice" href="#" style="display:none">提醒设置</a>
            <div c="share">
                <!-- JiaThis Button BEGIN -->
                <div id="ckepop">
	                <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt" target="_blank"><img src="http://v2.jiathis.com/code_mini/images/btn/v1/jiathis1.gif" border="0" /></a>
                </div>
                <script type="text/javascript" src="http://v2.jiathis.com/code_mini/jia.js" charset="utf-8"></script>
                <!-- JiaThis Button END -->
            </div>
        </td>
    </tr>
</script>
<script id="trackItemWaterfall" type="text/x-jquery-tmpl">
    <div class="waterfallblock clearfix">
        <div>
            <a href="${unionUrl}" target="_blank" class="itemUrl"><div style="text-overflow;ellipsis;height:18px">${name}</div><span><img class="item" src="${imgUrl}" /></span></a>
        </div>
        <div>
            <span>现价：${curprice} </span><span>${reduction.quatityText}</span>
            <div c="buy" style="display:inline">
                <a href="${unionUrl}" target="_blank" class="btn btn-success">立即去查看</a>
            </div>
        </div>
        <div>
             <a href="${url}" /><input type="button" style="display:inline" value="X" c="waterfalldel" title="取消关注，放入历史记录" />{{html bought}}
        </div>
    </div>
</script>


<script id="noticeSettingTmpl" type="text/x-jquery-tmpl">
<form class="form-inline" style="background-color: whiteSmoke;background-color: whiteSmoke;margin: 0 0;">
 <h5>提醒设置：</h5>
<div c="notice">
<div style="display:inline">
                    <label><input type="checkbox" name="coupon" ${coupon.enabled} />包含赠券</label>
                    </div>
                    <div style="display:inline">
                    <label><input type="checkbox" name="cheapest" ${cheapest.enabled} />降价</label>
                                        </div>
                    <div style="display:inline">
                    <label><input type="checkbox" name="reduction" ${reduction.enabled} />低于</label><input type="text" name="reductionTo" value="${reduction.param}" maxlength="5" class="input-mini" />元
                                        </div>
                    <div><label><input type="checkbox" name="onSale" ${onSale.enabled} />降价</label><input type="text" name="onSalePercent" value="${onSale.param}" maxlength="2" class="input-mini"/> %
                                        </div>
                    
                    <div style="display:inline"><label>备注：<input class="input-small" name ="notes" rows="3" maxlength="50" value="${notes}" /></label>
                                        </div>
                    <div style="display:inline"><input type="button" class="btn btn-primary" value="保存" /><label id="lblResult"></label></div>
</div>
</form>
</script>
<style type="text/css">
    #watchlist ul{
        list-style: none;
    }
    #watchlist ul li{
        border-bottom: 1px solid #3366cc;
    }
    #watchlist ul li span.siteDomain{
        display: inline-block;
        margin-right: 5px;
    }
    /**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
    .i-largess img{width:48px;height:48px;border:1px solid #E4E4E4;margin-right:5px;}
    #msgInfoWrap{
	right:20px;
	position:fixed;
	top:0;
	z-index:10;
    }
    .messageInfo{
   width: 320px;
   margin: 2px 0;
   padding: .5em;
   background: #ffa;
   border: 1px solid #a00;
   color: #a00;
   font-weight: bold;
   display: none;
}
#waterfall {
    -webkit-column-count: 5;
    -webkit-column-rule: 3px solid #DA4747;
    -webkit-column-gap: 10px;
    -webkit-column-break-inside: avoid;
    -webkit-column-break-after: avoid;
    -webkit-column-break-before: avoid;
    }
/*    
    .waterfallblock * {
    position: static;
}
    */
    .waterfallblock
    {
        border:1px solid #E4E4E4;
    }
 /*   .item
    {
        width:256px;
        height:256px;
    }*/
</style>
</head>
<body>

<div>
<h1>京东时惠购</h1>
<div id="msgInfoWrap">
</div>
</div>
    <fieldset>
        <legend>我关注的所有产品</legend><span class="label label-info"><a class="btn btn-primary"
            target="_blank" href="mailto:shihuigou@126.com?subject=京东时惠购">建议反馈</a>（有可能获得京东购物卡哦！）
        </span>
        <br />
        <div class="controls">
            <label class="radio inline">
                <input type="radio" value="waterfall" name="align" />
                图片排列
            </label>
            <label class="radio inline">
                <input type="radio" value="list" name="align" />
                列表排列
            </label>
        </div>
        <br />
        <div id="list" style="display: none">
            <div id="filter" class="controls">
                显示：
                <label class="checkbox inline">
                    <input type="checkbox" id="ckbAll" />
                    全部
                </label>
                <label class="checkbox inline">
                    <input type="checkbox" id="ckbReduction" />
                    降价
                </label>
                <label class="checkbox inline " style="display: none">
                    <input type="checkbox" id="ckbStock" />
                    库存
                </label>
                <label class="checkbox inline">
                    <input type="checkbox" id="ckbCoupon" />
                    赠券
                </label>
                <label class="checkbox inline">
                    <input type="checkbox" id="ckbGift" />
                    赠品
                </label>
            </div>
            <span>关注度： 1 / 2 / 3 / 4 /5 [5立刻想买的;4近期想买的; 3先关注一下;2想买类似的;1长期收藏 ] </span>
            <div id="watchlist">
            </div>
        </div>
        <div id="waterfall">
        </div>
    </fieldset>
</body>
</html>
